<template>
	<div  
		v-loading="loading"
		element-loading-text="拼命加载中"
		:element-loading-spinner="svg"
		element-loading-svg-view-box="-10, -10, 50, 50"
		element-loading-background="rgba(38, 38, 38, 0.8)" 
		>
		<slot name="albumLine" />
		<slot name="paginate" />
	</div>
</template>
<script setup lang="ts">
defineOptions({
	name: "ShowAlbum",
});

//定义的svg图标 
const svg = `
	<path class="path" d="
		M 30 15
		L 28 17
		M 25.61 25.61
		A 15 15, 0, 0, 1, 15 30
		A 15 15, 0, 1, 1, 27.99 7.5
		L 15 15
	" style="stroke-width: 4px; fill: rgba(0, 0, 0, 0)"/>
`
//定义传入属性	
const props = withDefaults(defineProps<{
	//加载动画效果
  loading?: boolean,
}>(), {
  loading: false,
})

</script>
<style lang="scss" scoped>

</style>
